<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Document</title>
		<link rel="stylesheet" href="./css/CSDNindex.css">
	</head>

	<body>
		<div id="app">
			<div class="search-header">
				<a href="#" class="search-logo">
					<img src="img/csdnlogo.png" alt="">
				</a>
				<div class="search">
					<div class="search-input">
						<input type="search" placeholder="搜索博文/帖子/用户">
						<span class="icon"></span>
					</div>
					<div class="login">
						<a href="#" class="title">登录</a>
						<img src="img/icon-wap-toolbar-menu.png" alt="" class="xian">
					</div>
				</div>
			</div>
			<!-- nav -->
			<div class="nav">
				<a href="#">推荐</a>
				<a href="#">动态</a>
				<a href="#">程序</a>
				<a href="#">web</a>
				<a href="#">Java</a>
				<a href="#">主播</a>
			</div>
			<!-- 3、轮播图 -->
			<ul class="scollimg">
				<li class="one">
					<img src="img/2.png">
				</li>
				<li class="one">
					<img src="img/1.png">
				</li>
				<li class="one">
					<img src="img/3.png">
				</li>
				<li class="one">
					<img src="img/4.png">
				</li>
				<li class="one">
					<img src="img/5.png">
				</li>
			</ul>
			<div class="spot1">
				<div class="spot">
					<span class="two"></span>
					<span class="two"></span>
					<span class="two"></span>
					<span class="two"></span>
					<span class="two"></span>
				</div>
			</div>
			<!-- content -->
			<ul class="content">
				<li class="three">
					<a href="#">Java工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
				<li class="three">
					<a href="#">web工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
				<li class="three">
					<a href="#">Java工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
				<li class="three">
					<a href="#">web工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
				<li class="three">
					<a href="#">Java工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
				<li class="three">
					<a href="#">web工程师的秃头之路</a>
					<div class="content-title">
						<p>程序yuan</p>
						<span class="cha">×</span>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
